page{
    background: #f0f0f2;
    .store-box{
        width: 100%;
        .top{
            display: flex;
            align-items: center;
            width: 100%;
            padding: 30rpx;
            .banner{
                width: 49%;
                .store{
                    width: 100%;
                    height: 280rpx;
                    border: 1px solid #409EEF;
                    border-radius: 34rpx;
                    position: relative;
                    background-size: 100% 100%;
                    background-repeat: no-repeat;
                    .tip{
                        color: rgba(74, 74, 74, 0.9065613677536232);
                        font-size: 22rpx;
                        text-align: center;
                        font-family: PingFangSC-Regular;
                        width: 104rpx;
                        height: 40rpx;
                        line-height: 40rpx;
                        border-radius: 20rpx;
                        position: absolute;
                        left: 10rpx;
                        top: 10rpx;
                    }
                }
            }
            .info{
                width: 49%;
                margin-left: 2%;
                text-align: left;
                label,text{display: block}
                label{
                    color: rgba(0, 0, 0, 1);
                    font-size: 36rpx;
                    text-align: left;
                    font-family: PingFangSC-Medium;

                }
            }
        }
        .filter{
            width: 100%;
            height: 80rpx;
            background: #409EEF;
            line-height: 80rpx;
            display: flex;
            align-items: center;
            justify-content: space-between;
            text{
                width: 33%;
                color: rgba(255, 255, 255, 1);
                font-size: 30rpx;
                text-align: center;
                font-family: PingFangSC-Regular;

            }
        }
        .goodsList{
            width: 100%;
            padding: 30rpx;
            .hot-item{
                position: relative;
                float: left; 
                background: white;
                width: 44%;
                height: 380rpx;
                margin-left: 4%;
                display: flex;
                flex-direction: column;
                align-items: center;
                margin-top: 20rpx;
                .tip{
                    position: absolute;
                    left: 0;
                    top: 0;
                    background: #B8E986;
                    color: rgba(255, 255, 255, 1);
                    font-size: 24rpx;
                    text-align: center;
                    font-family: PingFangSC-Regular;
                    text-align: left;
                    padding: 0 8rpx 0 8rpx;
                }
                image{
                    width: 90%;
                    height: 216rpx;
                    margin-top: 36rpx;
                }
                text{
                    width: 90%;
                    color: rgba(0, 0, 0, 1);
                    font-size: 24rpx;
                    font-family: PingFangSC-Regular;
                    margin-top: 10rpx;
                    text-align: center;
                    overflow:hidden; 
                    text-overflow:ellipsis; 
                    white-space:nowrap; 
                    
                }
                .user{
                    margin-top: 4rpx;
                    width: 95%;
                    .avatar{
                        width: 72rpx;
                        height: 50rpx;
                        margin-top: 0;
                        float: left;
                    }
                    text{
                        margin-left: 5rpx;
                        color: rgba(16, 16, 16, 0.4722033514492754);
                        font-size: 11px;
                        text-align: left;
                        font-family: PingFangSC-Regular;
                        white-space: nowrap;
                        display: inline-block;
                        float: left;
                    }
                }
                .price-box{
                    width: 90%;
                    text-align: left;
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    padding: 10rpx 0 10rpx 0;
                    text{
                        width: 200rpx;
                        color: rgba(0, 0, 0, 1);
                        font-size: 30rpx;
                        text-align: left;
                        font-family: PingFangSC-Regular;
                        padding: 0;
                        margin: 0;
                    }
                    .team{
                        width: 110rpx;
                        height: 28rpx;
                        border-radius: 14rpx;
                        background-color: rgba(230, 162, 60, 1);
                        padding: 0;
                        margin: 0;
                        left: 127px;
                        color: rgba(255, 255, 255, 1);
                        font-size: 20rpx;
                        text-align: center;
                        font-family: PingFangSC-Regular;
                    }
                }
            }
            .hot-item:nth-child(odd){margin-left: 0}
        }
    }
}